/* 一些通常样式混入 */

// 绝对定位
cm-absolute(top = auto, bottom = auto, left = auto, right = auto)
  position absolute
  top top
  bottom bottom
  left left
  right right

// 上边框伪元素
cm-border-top(color) 
  content ''
  cm-absolute(0, auto, 0, 0)
  height 1px
  width 100%
  background-color color
  transform scale(1, 0.5)

// 下边框伪元素
cm-border-bottom(color) 
  content ''
  cm-absolute(auto, 0, 0, 0)
  height 1px
  width 100%
  background-color color
  transform scale(1, 0.5)

// 右边框伪元素
cm-border-right(color) 
  content ''
  cm-absolute(0, 0, auto, 0)
  width 1px
  height 100%
  background-color color
  transform scale(0.5, 1)

// 左边框伪元素
cm-border-left(color) 
  content ''
  cm-absolute(0, 0, 0, auto)
  width 1px
  height 100%
  background-color color
  transform scale(0.5, 1)

// 颜色快速生成全套颜色
set-color-css(name, color)
  /* 文字颜色 */
  .{name}
    color color
  /* 背景颜色 */
  .{name}_bg
    background-color color
  /* 1px实线边框 */
  .{name}_bd
    border 1px solid color
  .{name}_bd-top
    border-top 1px solid color
  .{name}_bd-bottom
    border-bottom 1px solid color
  .{name}_bd-left
    border-left 1px solid color
  .{name}_bd-right
    border-right 1px solid color
  /* 伪元素边框，其中上左用before，下右用after */
  .{name}_ex-top
    position relative
    &:before
      cm-border-top(color)
  .{name}_ex-bottom
    position relative
    &:after
      cm-border-bottom(color)
  .{name}_ex-left
    position relative
    &:before
      cm-border-left(color)
  .{name}_ex-right
    position relative
    &:after
      cm-border-right(color)
  /* 以下CSS优先级很高 */
  .{name}-imp
    color color !important
  /* 背景颜色 */
  .{name}-imp_bg
    background-color color !important